$(function () {
    $(".imgs img").mouseover(function () {
        var path = $(this).attr("src")
        // console.log($(this).attr("src"))
        $(".content_pro img").attr({ src: path })
        $(this).parent(".imgs").addClass("border_b").siblings(".imgs").removeClass("border_b")
    })

    // 放大镜
    $(".content_pro").hover(function (e) {
        $(this).addClass("border_all");
        $(this).children().show();

    }, function () {
        $(this).removeClass("border_all");
        $(this).children(".big_box").hide();
        $(this).children(".mask").hide();
    })
    $(".content_pro").mousemove(function (e) {
        var x = e.pageX - $(this).offset().left - 150;
        x < 0 ? x = 0 : x;
        x > 180 ? x = 180 : x;
        var y = e.pageY - $(this).offset().top - 150;
        y < 0 ? y = 0 : y;
        y > 180 ? y = 180 : y;
        $(".mask").css({
            left: x,
            top: y
        })
        $(".big_box img").css({
            left: -510 * x / 300,
            top: -510 * y / 300
        })

    })

    // 数量增加减少

    $(".increat").click(function () {
        var count = $(".calc input").val()
        count++
        $(".calc input").val(count)
    })
    $(".decreat").click(function () {
        var count = $(".calc input").val()
        count--;
        if (count === 0) {
            return false;
        }
        $(".calc input").val(count)
    })
})